iframe:not(.huakai_iframe) {display:none !important;}
@rem:1/75rem;
*{margin: 0;padding: 0}
ul,li{list-style: none}
.hide{display: none}
.settings{
  width: 10rem;
  background: #eee;
  margin: 0 auto;
  position: relative;
  min-height: 1334*@rem;
  //  加载
  .loading{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #eee;
    z-index: 55;
    div{
      width: 300*@rem;
      height: 200*@rem;
      position: absolute;
      top:50%;
      left: 50%;
      margin-top: -100*@rem;
      margin-left: -150*@rem;
      img{
        width: 85*@rem;
        height: 85*@rem;
        display: block;
        margin: 0 auto;
      }
      p{
        width: 100%;
        text-align: center;
        font-size: 24*@rem;
        margin-top: 20*@rem;
        color: #333;
      }
    }

  }
  .seting-top{
    width: 100%;height: 100*@rem;
    background:#f05c5c;position: relative;
    margin-bottom:21*@rem ;
    h1{
      width: 100%;height: 100%;
      text-align: center;
      font-size:36*@rem;
      line-height: 100*@rem;
      color: #fff;
      font-weight: normal;
    }
    img{
      width: 20*@rem;
      height: 34*@rem;
      position: absolute;
      left: 30*@rem;
      top:33*@rem;
    }
  }
  .seting-box{
    width: 100%;
    height: auto;
    .seting-radio{
      width: 100%;
      background: #fff;
      height: auto;
      p{
        width: 100%;
        height: 88*@rem;
        border-bottom: 1*@rem solid #eee;
        b{
          font-size: 28*@rem;
          color: #333;
          height: 100%;
          float: left;
          line-height:88*@rem;
          font-weight: normal;
          margin-left: 30*@rem;
        }
        i{width:95*@rem;
          height: 56*@rem;
          float: left;
          background: url("../../../../img/app/workspace/open.png") no-repeat;
          background-size: 100% 100%;
          margin-top: 16*@rem;
          margin-left: 50*@rem;
        }
        i.close{
          background: url("../../../../img/app/workspace/close.png") no-repeat;
          background-size: 100% 100%;
        }
        span{
          font-size: 28*@rem;
          color: #999;
          float: right;
          margin-right: 63*@rem;
          line-height: 88*@rem;
          position: relative;
        }
        span.price:after{
          content: "";
          width: 14*@rem;
          height: 28*@rem;
          background: url("../../../../img/app/workspace/arror.png") no-repeat;
          background-size: 100% 100%;
          position: absolute;
          top:33*@rem;
          right: -30*@rem;
        }
      }
    }
    .seting-price{
      width: 100%;height: 88*@rem;
      background: #fff;
      margin:21*@rem 0;
      position: relative;
      p{
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 88*@rem;
        b{
          font-size: 30*@rem;
          color: #333;
          font-weight: normal;
          display: inline-block;
          position: relative;
          top:-20*@rem;
        }
        span{
          font-size: 20*@rem;
          color : #999;
          display: inline-block;
          position: relative;
          top:-20*@rem;
        }
      }
      i{
        font-style: normal;
        position: absolute;
        font-weight: normal;
        height: 100%;
        line-height: 88*@rem;
        color: #333;
        font-size: 28*@rem;
        left: 30*@rem;
        top:0;
      }
      button{
        position: absolute;
        width:120*@rem;
        height: 60*@rem;
        background: #f05c5c;
        color: #fff;
        line-height: 60*@rem;
        text-align: center;
        font-size: 24*@rem;
        border-radius: 30*@rem;
        border: 0;
        outline: none;
        cursor: pointer;
        right: 30*@rem;top:14*@rem;
      }
    }
  }
  .message{
    width: 300*@rem;
    padding: 18*@rem 25*@rem;
    position: absolute;
    background:rgba(0,0,0,0.6);
    left: 50%;
    top:50%;
    margin-left: -168*@rem;
    margin-top: -25*@rem;
    font-size: 24*@rem;
    color: #fff;
    text-align: center;
    border-radius: 8*@rem;
    z-index: 22;
  }
//  弹窗
  .popup{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top:0;
    left: 0;
    .attestation{
      width: 600*@rem;
      height: 400*@rem;
      border-radius:8*@rem;
      background: #fff;
      position: absolute;
      left: 50%;
      margin-left: -300*@rem;
      top: 45%;
      margin-top: -200*@rem;
      h1{
        font-weight: normal;
        color: #333;
        font-size: 36*@rem;
        text-align: center;
        width: 100%;
        line-height:80*@rem ;
      }
      .seting-price{
        width: 400*@rem;
        margin: 30*@rem auto;
        overflow: hidden;
        input{
          float: left;
          width:210*@rem;
          height:80*@rem;
          background: #e5e5e5;
          border-radius:4*@rem;
          border: 0;
          outline: none;
          text-align: center;
          font-size: 36*@rem;
        }
        b{
          color: #666;
          font-size: 32*@rem;
          float: left;
          font-weight: normal;
          vertical-align: middle;
          margin-top: 40*@rem;
          margin-left: 10*@rem;
        }
      }
      p{
        width:520*@rem;
        line-height: 35*@rem;
        text-align: center;
        color: #999;
        font-size: 24*@rem;
        margin: 0 auto;
      }
      .popup-btn{
        width: 100%;
        height: 100*@rem;
        border-top:1*@rem solid #e3e3e3;
        position: absolute;
        bottom: 0;
        span{
          font-size: 36*@rem;
          float: left;
          line-height: 100*@rem;
          text-align: center;
          width: 49.5%;
          border-right:1*@rem solid #e3e3e3 ;
        }
        span.cancel{
          color: #999;
        }
        span.sure{
          color: #f05c5c;
          border-right:0;
        }
      }
    }
    .reminder{
      width: 500*@rem;
      height: 300*@rem;
      border-radius:8*@rem;
      background: #fff;
      position: absolute;
      left: 50%;
      margin-left: -250*@rem;
      top: 45%;
      margin-top: -150*@rem;
      h1{
        font-weight: normal;
        color: #333;
        font-size: 36*@rem;
        text-align: center;
        width: 100%;
        line-height:100*@rem ;
      }
      p{
        width:400*@rem;
        line-height: 35*@rem;
        text-align: center;
        color: #999;
        font-size: 24*@rem;
        margin: 0 auto;
      }
      .popup-btn{
        width: 100%;
        height: 100*@rem;
        border-top:1*@rem solid #e3e3e3;
        position: absolute;
        bottom: 0;
        span{
          font-size: 36*@rem;
          float: left;
          line-height: 100*@rem;
          text-align: center;
          width: 49.5%;
          border-right:1*@rem solid #e3e3e3 ;
          color: #0076ff;
        }
        span.sure{
          border-right:0;
        }
      }
    }
  }
  #sure3{
    width: 100%;
  }
}

